<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Welcome to FlySky</title>
<meta content="viewport" content="width=device-width, initial-scale=1.0">

<!-- Bootstrap css-->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> 
</head>
<body>
	<div class="container">
		<div class="navbar">
			<div class="navbar-inner">
				<a class="brand" href="index.html">FlySky</a>
					<ul class="nav">
						<li><a href="index.html">首页</a></li>
						<li><a href="undo.htm">记事</a></li>
						<li><a href="">相册</a></li>
						<li><a href="">财务</a></li>
						<li><a href="">同学录</a></li>
					</ul>
					<form action="loginCheck.htm" class="navbar-form pull-right" method="post">
					  <input name="username" class="span2" type="text" placeholder="User Name"/>
					  <input name="userPassWord" class="span2" type="password" placeholder="Password" />
					  <button class="btn btn-primary" type="submit">Sign in</button>
					</form>
			</div>
		</div>
		Welcome to FlySky!<a href="login.html">Login</a>
		<div id="myCarousel" class="carousel slide">
		    <ol class="carousel-indicators">
		    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
		    <li data-target="#myCarousel" data-slide-to="1"></li>
		    <li data-target="#myCarousel" data-slide-to="2"></li>
		    </ol>
		    <!-- Carousel items -->
		    <div class="carousel-inner">
		    <div class="active item">
		    	<img alt="" src="resources/homeCarousels/carousel1.jpg">
		    </div>
		    <div class="item">
		    	<img alt="" src="resources/homeCarousels/carousel2.jpg">
		    </div>
		    <div class="item">
		    	<img alt="" src="resources/homeCarousels/carousel3.jpg">
		    </div>
		    </div>
		    <!-- Carousel nav -->
		    <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
		    <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
    	</div>
    	
    	<div>
    		<ul class="thumbnails">
			    <li class="span4">
				    <div class="thumbnail">
					    <img data-src="holder.js/300x200" src="resources/homeThumbs/Thumbnail1.jpg" alt="">
					    <h4>Thumbnail label</h4>
					    <p>Thumbnail caption...</p>
				    </div>
			    </li>
			    <li class="span4">
				    <div class="thumbnail">
					    <img data-src="holder.js/300x200" src="resources/homeThumbs/Thumbnail2.jpg" alt="">
					    <h4>Thumbnail label</h4>
					    <p>Thumbnail caption...</p>
				    </div>
			    </li>
			    <li class="span4">
				    <div class="thumbnail">
					    <img data-src="holder.js/300x200" src="resources/homeThumbs/Thumbnail3.jpg" alt="">
					    <h4>Thumbnail label</h4>
					    <p>Thumbnail caption...</p>
				    </div>
			    </li>
		    </ul>
    	</div>
	</div>
	
	
	
	<script src="http://code.jquery.com/jquery.js"></script>
	<script src="js/bootstrap.min.js" type="text/javascript"></script>
</body>
</html>